// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

import { Link } from "react-router-dom";

function App() {
  

  return (
    <div className="App">
      react基础示例学习<br/><br/>
      <Link to="/app01">01-jsx基础识别js表达式</Link><br/><br/>
      <Link to="/app02">02-列表渲染</Link><br/><br/>
      <Link to="/app03">03-基础条件渲染</Link><br/><br/>
      <Link to="/app04">04-复杂条件渲染</Link><br/><br/>
      <Link to="/app05">05-事件绑定</Link><br/><br/>
      <Link to="/app06">06-组件定义和使用</Link><br/><br/>
      <Link to="/app07">07-useState的基础使用</Link><br/><br/>
      <Link to="/app08">08-useState修改对象</Link><br/><br/>
      <Link to="/app09">09-基础样式控制</Link><br/><br/>
      <Link to="/app10">10-评论列表渲染案例</Link><br/><br/>
      <Link to="/app11">11-受控绑定表单</Link><br/><br/>
      <Link to="/app12">12-react中获取DOM</Link><br/><br/>
      <Link to="/app13">13-组件通信父传子</Link><br/><br/>
      <Link to="/app14">14-组件通信子传父</Link><br/><br/>
      <Link to="/app15">15-兄弟组件通信</Link><br/><br/>
      <Link to="/app16">16-Context机制跨层传递数据</Link><br/><br/>
      <Link to="/app17">17-useEffect基础使用</Link><br/><br/>
      <Link to="/app18">18-useEffect不同依赖项说明</Link><br/><br/>
      <Link to="/app19">19-useEffect清除副作用</Link><br/><br/>
      <Link to="/app20">20-自定义Hook封装通用逻辑</Link><br/><br/>
      <Link to="/app21">21-Hooks使用规则</Link><br/><br/>
      <Link to="/app22">22-评论列表渲染案例优化</Link><br/><br/>
    </div>
  )
}

export default App
